<template>
    <div class="box">
        <div class="list">
            <div class="item">
                <ul>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/86301/18/32257/217392/635f7da3Eda350fe2/a34a0e0915ea446d.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/113166/15/31109/96843/635f5979E57288dd8/99d2011a267a6ba2.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/134690/20/30597/164129/635f8e3aEc3bd0e18/f71371c13055bfb6.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/116790/20/28266/67498/6350fab6E730c5662/dcd4c41b66b704b9.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/46356/37/22211/127101/635cdfe3E7db1893b/fdc7b64ec4a835aa.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/184324/38/30480/109083/635f5e7eE9cd06085/db1e5ada23149fde.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/184324/38/30480/109083/635f5e7eE9cd06085/db1e5ada23149fde.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/184324/38/30480/109083/635f5e7eE9cd06085/db1e5ada23149fde.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                    <li>
                        <img src="https://img10.360buyimg.com/mobilecms/s360x360_jfs/t1/184324/38/30480/109083/635f5e7eE9cd06085/db1e5ada23149fde.jpg!q70.dpg.webp" alt="">
                        <span>
                            <div>泰国护发精油泰国护发精油<br>
                                泰国护发精油泰国护发精油
                            </div>
                        </span>
                        <div class="small">
                                包邮包退
                        </div>
                        <span class="money">
                            <div>￥44.80</div>
                            <span>泰国</span>
                        </span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>

</script>

<style lang="scss" scoped>
    .box{
        flex: 1;
        display: flex;
        .list{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            // background-color: aliceblue;
            .item{
                display: flex;
                flex-direction: column;
                ul{
                    position: relative;
                    padding-left: 0;
                    display: flex;
                    flex-wrap: wrap;
                    li{
                    list-style: none;
                    padding-left: 24px;
                    img{
                        width: 140px;
                        height: 100px;
                    }
                    span{
                        display: flex;
                        div{
                            font-size: 10px;
                            text-align: center;
                            color: black;
                            flex-wrap: wrap;
                        }
                        span{
                            font-size: 13px;
                        } 
                    }
                    .small{
                            width: 60px;
                            height: 20px;
                            font-size: 10px;
                            background-color: red;
                            border-radius: 16px;
                        }
                    .money{
                        flex-wrap: wrap;
                        margin-top: 10px;
                        display: flex;
                        div{
                            font-size: 15px;
                            color: red;
                        }
                        span{
                            margin-left: 60px;
                        }
                    }
                }
                }
            }
        }
        }
    
</style>